@charset "utf-8";
/* CSS Document */ 		

      html, body { min-height: 100%; }   
      . {font-family: "FiraSans-Regular", serif;font-weight: bold; font-size: 18px;} 
      
      header { font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 25px; margin:1%;  border: 1px solid #000; border-radius: 24px;   width:98%}
      
      nav {margin-left:1%;   float: left; width:10%}
      article {color:green; float: left; width:76%; border: 10px solid; margin-left: 1%; margin-right:1%;background-image: url(../images/218px-Cork_closeup.jpg);}
      footer {color:green; clear:both; margin:%; border: 1px solid;}

      aside {color:blue; float: left;  border: 1px solid #000;  width:9%;}
    
     body {
           background: linear-gradient(to top, rgba(245,230,191,1) 0%, rgba(196,145,4,1) 100%); 
           
           
      }
/* Definicion elementos de caja */

      ul{
        list-style-type: none;/*Quitamos el punto de cada elemento de la lista*/
        margin: 1%;
        padding: 0px; /*Eliminamos la "sangria"*/
        border-top-style: solid;/*Estilo solid para que se muestre una linea*/
        border-right-style: solid;
        /*border-bottom-style: solid; No defnimos el borde inferior de la caja para que no aparezca dos lineas, la de ul y la de cada elemento de a*/
        border-left-style: solid;
        border-top-width: 3px;/*Damos una anchura de 3 pixeles*/
        border-right-width: 3px;
        /* border-bottom-width: 3px;*/
        border-left-width:3px;
        border-top-color: gray;/*Usamos un color gris*/
        border-right-color: gray;
        border-left-color: gray;
        /*border-bottom-color: gray;*/
        
      }

      a{
        font-family: Calibri, Arial, sans-serif;/*Definimos una fuente para el texto que se muestra como enlace*/
        font-size: 20px;/*Le damos un tamaño a la fuente*/
        color: black;/*Un color, en este caso el negro*/
        text-decoration: none; /*Eliminamos el subrayado del enlace*/
        display: block;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: gray;
        background-color: #C3E0E8;
      }

      a:hover {
       font-size: 22px;
       background-color: #3998B3;
       color: white;
       border-right-width: 4px;
       border-right-style: solid;
       border-bottom-width: 4px; 
        /*border-right-color: #8C2A0F;*/
        
      }

      a.mtarea:hover {
       border-right-color: #8C2A0F;
      }
      
      a.btarea:hover {
       border-right-color: #0414C9;
      }
      
      a.salir:hover {
       border-right-color: #17D142;
      }

.pizarra{ }

.posit {
      color: blue;
      padding: 3%;
      width: 170px;
      height: 190px;
      background-image: url(../images/139px-Post-it-note-transparent.png);background-size:cover;	
float: left}

	  .datospersonales_1{margin:7px; margin-left:25px; padding: 10px; border: 1px solid #000; float:left; width: 40%;}
	  .resumen{margin:25px; padding: 10px; border: 1px solid #000; float:left; width: 83%; clear:both;border-top-right-radius: 50px 30px;}
	  .foto{margin:25px; padding: 10px; border: 1px solid #000; float:left; width:200px; height:225px; }
	  .foto_g{margin:25px; padding: 10px; border: 1px solid #000; float:left; width:80%; height:85%; }
	  .galeria_1 {float: left; padding: 5px; margin-right:5px; margin-bottom:5px; border:1px solid #FF0000; width:300px; height:400px}
    .galeria {display: -webkit-box; display: -ms-flexbox; display: : -webkit-flex; display: : flex; flex-wrap: :wrap; -webkit-flex-wrap: wrap}
      p {font-family: "FiraSans-Regular", serif;}
     
      
      
      
      h2 {font-size: 12px;}
      
      #pagina {background-color: red; color: white; width: 75px;}
    
    
   q {font-style: italic;}